.activity_detail{
  .banner{
    display: block;
    width: 100%;
  }
  .title{
    padding: 10px @space;
    background: @bg;
    h2{
      font-size: 16px;
    }
    h3{
      margin-top: 2px;
      font-size: 14px;
      &:extend(.flex, .flex_center);
      span{
        &:extend(.flex1);
        color: @grey;
      }
      i{
        padding-left: 4px;
        color: @grey_l;
        &.red{
          color: @red;
        }
        &.green{
          color: @green;
        }
      }
    }
  }
  .activity-info{
    li{
      padding: 0 @space;
      background: @bg;
    }
    .liIn{
      min-height: 34px;
      padding: 5px 0;
      .format(@color: #000);
      &:extend(.flex, .flex_center);
      overflow: hidden;
      @size: 20px;
      .icon{
        width: @size;
        height: @size;
        margin-right: 10px;
        background-position: center center;
        background-repeat: no-repeat;
      }
      .icon1{
        background-image: url('../../../static/img/time_line.png');
        .bgSize(17px);
      }
      .icon2{
        background-image: url('../../../static/img/location_line.png');
        .bgSize(15px);
      }
      .icon3{
        background-image: url('../../../static/img/users.png');
        .bgSize(18px);
      }
      span:nth-child(2){
        &:extend(.flex1);
      }
    }
  }
  .wrap{
    background: @bg;
    margin-top: @spaceV;
    overflow: hidden;
    .title{
      height: @hei;
      line-height: @hei;
      .format(16px; #000);
      padding: 0 @space;
    }
    .txt{
      padding: 0 @space;
      font-size: 14px;
      line-height: 24px;
      margin: @spaceV 0 15px;
    }
  }
  .coach-intro{
    text-align: center;
    .portrait{
      @size: 80px;
      width: @size;
      height: @size;
      margin: 20px auto 0;
      border: 2px solid rgba(225,225,225,0.73);
      border-radius: 50%;
      background-size: 100% 100%;
    }
    h2{
      font-size: 16px;
      padding: 5px 0 2px;
    }
    p{
      .format(13px; @grey);
    }
  }
  .bottomBar{
    .like,.liked,.share{
      background-color: #000;
      background-repeat: no-repeat;
      width: 50px;
      padding-top: 24px;
      .format(13px; #787878);
      background-position: center 8px;
    }
    .like,.liked{
      .bgSize(20px);
      left: 0;
    }
    .like{
      background-image: url('../../../static/img/registration/favo.png');
    }
    .like:before{
      content: '收藏';
    }
    .liked{
      background-image: url('../../../static/img/registration/favoed.png');
    }
    .liked:before{
      content: '已收藏';
    }
    .share{
      background-image: url('../../../static/img/registration/share.png');
      .bgSize(19px);
      left: 50px;
    }
    .btnWrap{
      left: 100px;
      right: 0;
    }
    .status{
      .format(16px);
      font-weight: bold;
      background: #cbcbcb;
      &.black{
        background: #3e3e3e;
      }
      &.red{
        background: @red;
      }
      &.blue{
        background: @blue;
      }
    }
  }
  .bottomBar_coach{
    .share{
      left: 0;
    }
    .btnWrap{
      left: 50px;
    }
  }
  .share-tip{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(0,0,0,.6);
    z-index: 100;
    div{
      height: 100%;
      background: url('../../../static/img/registration/share_tip.png') no-repeat right 0;
      .bgSize(240px);
    }
  }
}
